<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.prime.com.tr/ui">


    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link href="./../resources/css/style.css" rel="stylesheet" type="text/css" />
        <link href="./../resources/css/cssLayout.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript" src="jquery-1.6.2.min.js"></script>
        <script  type="text/javascript" src="jquery.poptrox-0.1.js"></script>
        <title><ui:insert name="titrePage"/></title>


    </h:head>

    <h:body>
        <div id="header" class="container">

            <div id="logo">
                <h1><a href="index.html">Projet application banquaire</a></h1>
                <p>Alaoui-Cywier-Pierre</p>
            </div>

            <div id="menu">
                <h:form>  
                    <p:growl id="messages"/>  
                    <p:menubar autoSubmenuDisplay="true" >  

                        <p:submenu label="Mon Compte" >  
                            <p:menuitem value="Mes infos" url="./infoClient.xhtml" />  
                        </p:submenu>  

                        <p:submenu label="Comptes" >  
                            <p:menuitem value="Compte Courant" url="./detailsCptCourant.xhtml" />  
                            <p:menuitem value="Compte Epargne" url="./detailsCptsEpargnes.xhtml" />  
                        </p:submenu>

                        <p:menuitem value="Effectuer un transfert" url="./virementLocal.xhtml" />  


                    </p:menubar>  

                    <h:commandButton value="Deconnecter" action="#{compteBancaireMBean.doDeconnect}" />

                    <ui:insert name="table">
                        <p:dataTable  value="#{compteBancaireMBean.myLazyDataModel}"  widgetVar="compteTable" var="item" rows="5" lazy="true">
                        </p:dataTable>
                    </ui:insert>

                </h:form> 
            </div>
        </div>

        <div id="page">
            <div id="bg3">

            </div>

            <div id="content" >
                <ui:insert name="content"></ui:insert>
            </div>
            <div id="bg1">

                <div id="titrePage" >
                    <ui:insert name="titrePage">Mes informations:</ui:insert>
                </div>

                <div id="details" >
                    <ui:insert name="details"></ui:insert>
                </div></div>
            
            <div id="details" >
                    <ui:insert name="partieGauche"></ui:insert>
                </div></div>

    </h:body>

</html>